<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet" />
<link href="css/acfood.css" rel="stylesheet" type="text/css" />
<!--[if IE7]>
<style media="all" type="text/css">
	.naviBox .searchArea #srchBtn {
		text-indent:-9999px;
        font-size:1px;
        margin:0;
        padding:0;
        text-align:right;
	}
</style>
<![endif]-->


<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	var timeout         = 10000;
	var closetimer		= 0;
	var ddmenuitem      = 0;
	
	function jsddm_open()
	{	jsddm_canceltimer();
		jsddm_close();
		ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
	
	function jsddm_close()
	{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
	
	function jsddm_timer()
	{	closetimer = window.setTimeout(jsddm_close, timeout);}
	
	function jsddm_canceltimer()
	{	if(closetimer)
		{	window.clearTimeout(closetimer);
			closetimer = null;}}
	
	$(document).ready(function()
	{	$('#jsddm > li').bind('mouseover', jsddm_open);
		$('#jsddm > li').bind('mouseout',  jsddm_timer);});
	
	document.onclick = jsddm_close;
</script>

<!-- main feature toggle --> 
<script type="text/javascript">

	$(document).ready(function() {
		// hides the slickbox as soon as the DOM is ready
		
		// (a little sooner than page load)
		$("#feature2").hide();
		$("#feature3").hide();
		
		$("#showFeature1").click(function() { 
			// hides matched elements if shown, shows if hidden
			$("#feature2, #feature3").fadeOut();
			$("#feature1").fadeIn();
		});
		
		$("#showFeature2").click(function() { 
			// hides matched elements if shown, shows if hidden
			$("#feature1, #feature3").fadeOut();
			$("#feature2").fadeIn();
		});
		
		$("#showFeature3").click(function() { 
			// hides matched elements if shown, shows if hidden
			$("#feature1, #feature2").fadeOut();
			$("#feature3").fadeIn();
		});
	
	});
	
	$(function() {
		$("#tabs").tabs();
	});
</script>

<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="ui/jquery.ui.tabs.js"></script>

</head>

<body>
<div class="pageBG">
  <div class="mainContainer">
    <div class="header">
      <div class="angelescityfood"> <img src="images/angelescityfood4u.jpg" width="126" height="119" /> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
      <div class="adBox"> <a href="#"><img src="images/adbox.jpg" width="100" height="60" /></a> </div>
    </div>
    <div class="naviBox">
      <div>
        <ul id="jsddm">
          <li><a href="template.html">Home</a></li>
          <li><a href="#">Restaurants</a>
            <ul class="sub-menu">
              <li><a href="#">Restaurants in Hotels</a></li>
              <li><a href="#">Fast Food</a> </li>
              <li><a href="#">Delicatessens &quot;Deli&quot;</a></li>
            </ul>
          </li>
          <li><a href="#">Cuisine</a>
            <ul>
              <li><a href="#">American</a></li>
              <li><a href="#">Asian</a> </li>
              <li><a href="#">Barbeque</a></li>
              <li><a href="#">Casual Dining</a></li>
              <li><a href="#">Chinese</a></li>
              <li><a href="#">European</a></li>
              <li><a href="#">Filipino</a></li>
              <li><a href="#">Fine Dining</a></li>
              <li><a href="#">French</a></li>
              <li><a href="#">Greek</a></li>
              <li><a href="#">Grill</a></li>
              <li><a href="#">Indian</a></li>
              <li><a href="#">International</a></li>
              <li><a href="#">Italian</a></li>
              <li><a href="#">Japanese</a></li>
              <li><a href="#">Korean</a></li>
              <li><a href="#">Local Speciality</a></li>
              <li><a href="#">Malaysian</a></li>
              <li><a href="#">Mediterranean</a></li>
              <li><a href="#">Middle Eastern</a></li>
              <li><a href="#">Mongolian</a></li>
              <li><a href="#">Seafood</a></li>
              <li><a href="#">Buffet (all you can eat)</a></li>
              <li><a href="#">Sports</a></li>
              <li><a href="#">Videoke / Karaoke</a></li>
              <li><a href="#">Vegetarian</a></li>
            </ul>
          </li>
          <li><a href="#">Caterers</a></li>
          <li><a href="#">Locations</a>
            <ul>
              <li><a href="#">Agapito del Rosario</a></li>
              <li><a href="#">Amsic</a></li>
              <li><a href="#">Anunas</a></li>
              <li><a href="#">Balibago</a></li>
              <li><a href="#">Capaya</a></li>
              <li><a href="#">Claro M. Recto</a></li>
              <li><a href="#">Cuayan</a></li>
              <li><a href="#">Cutcut</a></li>
              <li><a href="#">Cutud</a></li>
              <li><a href="#">Lourdes North West</a></li>
              <li><a href="#">Lourdes Sur (Talimundoc)</a></li>
              <li><a href="#">Lourdes Sur East</a></li>
              <li><a href="#">Malabañas</a></li>
              <li><a href="#">Margot</a></li>
              <li><a href="#">Marisol (Ninoy Aquino)</a></li>
              <li><a href="#">Mining</a></li>
              <li><a href="#">Pampang (Santo Niño)</a></li>
              <li><a href="#">Pandan</a></li>
              <li><a href="#">Pulungbulo</a></li>
              <li><a href="#">Pulung Cacutud</a></li>
              <li><a href="#">Pulung Maragul</a></li>
              <li><a href="#">Salapungan</a></li>
              <li><a href="#">San José</a></li>
              <li><a href="#">San Nicolas</a></li>
              <li><a href="#">Santa Teresita</a></li>
              <li><a href="#">Santa Trinidad</a></li>
              <li><a href="#">Santo Cristo</a></li>
              <li><a href="#">Santo Domingo</a></li>
              <li><a href="#">Santo Rosario (Población)</a></li>
              <li><a href="#">Sapalibutad</a></li>
              <li><a href="#">Sapangbato</a></li>
              <li><a href="#">Tabun</a></li>
              <li><a href="#">Virgen Delos Remedios</a></li>
            </ul>
          </li>
          <li><a href="contactus.html">Contact us</a></li>
        </ul>
      </div>
      <div class="searchArea">
        <form id="form1" name="form1" method="post" action="">
          <div class="searchBox">
            <input type="text" name="srcInput" id="srcInput" />
            <input type="submit" name="srchBtn" id="srchBtn" value="." />
          </div>
        </form>
      </div>
    </div>
    <!-- end of header -->
    
    <!-- feature box -->
    <div class="featureBox">
        <div class="mainFeature">
        	<a id="feature1" href="#"><img src="images/mainfeature.jpg" width="759" height="198" border="0" /></a>
            <a id="feature2" href="#"><img src="images/mainfeature2.jpg" width="759" height="198" border="0" /></a>
            <a id="feature3" href="#"><img src="images/mainfeature3.jpg" width="759" height="198" border="0" /></a>
        </div>
        <div class="selectFeature">
            <div class="boxes"><a href="#" id="showFeature1"><img src="images/feature-box1.png" width="180" height="47" border="0" /></a></div>
            <div class="boxes"><a href="#" id="showFeature2"><img src="images/feature-box2.png" width="180" height="47" border="0" /></a></div>
            <div class="boxes"><a href="#" id="showFeature3"><img src="images/feature-box3.png" width="180" height="47" border="0" /></a></div>
        </div>
    </div>
    <!-- end of feature box -->
    
    <!-- start of main box -->
      <div class="mainBox">
        <div class="leftBox">
        	<div class="image">
            	sss
            </div>
            <div class="imageThumbs">
            	ddd
            </div>
        </div>
        <!-- side bar -->
        <div class="rightBox">
          <div class="sideAdBox"><img src="images/shopbuddy.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/marketwatch.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/side-adbox.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/googleads.gif" width="180" height="135" /></div>
          <div class="sideAdBox"><img src="images/side-adbox.gif" width="180" height="135" /></div>
        </div>
        <!-- end side bar -->
      </div>
    <!-- end of main box -->
    <!-- footer area -->
    </div>
    <div class="footer"> Copyright © 2010 ACFood4U.com! Inc. All rights reserved. </div>
  </div>
</body>
</html>
